<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<link href="css/base.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
</head>

<body>
<div class="content">
    <div class="w1210 auto bg2d140f rel">
        <div class="hear">
            <div class="UserDiv tr f16"> <a href="#" class="wh">发布</a> <a href="#" class="wh">提醒（1）</a> <a href="#" class="wh">kula</a> <a href="#" class="dib vm UserHP mr10"><img src="images/tu1.jpg" width="35" height="35"></a> </div>
        </div>
        <div class="nav rel"> <i class="navBg1 db abs"></i> <i class="navBg2 db abs"></i><a href="#" class="Logo abs"></a>
            <div class="navMn rel">
                <ul class="navUl dt pct100 f0 nowrap">
                    <li class="navList dib vm"><a href="#"><i class="navT0"></i></a></li>
                    <li class="navList dib vm"><a href="#"><i class="navT1"></i></a></li>
                    <li class="navList dib vm"><a href="#"><i class="navT2"></i></a></li>
                    <li class="navList dib vm"><a href="#"><i class="navT3"></i></a></li>
                    <li class="navList dib vm"><a href="#"><i class="navT4"></i></a></li>
                    <li class="search dib vm">
                        <div class="dt f0 pct100"> <i class="navT5 dib vm"></i>
                            <input type="text" class="dib vm searchInput">
                            <a href="javascript:void(0)" class="dib vm searchBtn ml10"></a> </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="dt pct100">
            <div class="recommend l">
                <p class="Title"></p>
                <dl>
                    <dt class="f28 b pt5 pb5">－论《伊利亚特》的艺术成就</dt>
                    <dd class="f20 mt5 ba">标准的英式早餐主要包括以下几种食品：
                        面包、煎肉肠、培根、香肠、蘑菇、番茄、
                        炖豆子、凉牛奶、麦片、酸奶以及少量水
                        果，有时还有炸薯条，当然咖啡或茶也是
                        必不可少的。虽然味道不那么合乎中国人
                        的口味，但是从营养的角度讲，还是较为
                        全面均衡的。</dd>
                </dl>
                <div class="tr mt20"> <a href="#" class="btn0 dib vt f18 wh mr10">查看更多</a> </div>
            </div>
            <div class="banner r">
                <div class="slide" id="slide"> <a href="javascript:void(0)" class="prev"></a><a href="javascript:void(0)" class="next"></a>
                    <div class="slide-prc">
                        <ul>
                            <li class="list"><img src="https://ununsplash.imgix.net/photo-1417021423914-070979c8eb34?fit=crop&fm=jpg&q=75&w=1050" /></li>
                            <li class="list"><img src="https://ununsplash.imgix.net/photo-1416949929422-a1d9c8fe84af?fit=crop&fm=jpg&q=75&w=1050" /></li>
                            <li class="list"><img src="https://ununsplash.imgix.net/photo-1417021423914-070979c8eb34?fit=crop&fm=jpg&q=75&w=1050" /></li>
                            <li class="list"><img src="https://ununsplash.imgix.net/photo-1416949929422-a1d9c8fe84af?fit=crop&fm=jpg&q=75&w=1050" /></li>
                        </ul>
                    </div>
                    <div class="slide-btn">
                        <div class="dt mr30 r"> <a href="javascript:void(0)" class="dib vm active"></a> <a href="javascript:void(0)" class="dib vm"></a> <a href="javascript:void(0)" class="dib vm"></a> <a href="javascript:void(0)" class="dib vm"></a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pct100 dt main">
        	<div class="l sidebar">
            	<div class="Login rel mt15">
                	<img src="images/bg2.jpg" class="abs LoginBg pct100">
                    <input type="text" class="LoginInput UserInput abs f20" placeholder="用户名">
                    <input type="text" class="LoginInput PasswInput abs f20"placeholder="密码">
                    <a href="javascript:void(0)" class="SimulationCheckbox abs checked"></a>
                    <a href="javascript:void(0)" class="submitBtn abs"></a>
                </div>
                <div class="ImgDiv mt15">
                <a href="#"><img src="images/tu2.jpg"></a>
                </div>
                <div class="mt15"><img src="images/title1.jpg" class="pct100"></div>
                <div class="bulletin mt15">
                	<p class="tc"><img src="images/title2.jpg"></p>
                    <p class="tr bulletinTop"><a href="#"><img src="images/Icon5.jpg"></a></p>
                    <ul>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    </ul>
                </div>
                <div class="ImgDiv mt15">
                <a href="#"><img src="images/tu2.jpg"></a>
                </div>
                 <div class="mt15"><img src="images/title3.jpg" class="pct100"></div><div class="bulletin mt15">
                	<p class="tc"><img src="images/title4.jpg"></p>
                    <p class="tr bulletinTop"><a href="#"><img src="images/Icon5.jpg"></a></p>
                    <ul>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    <li class="bulletinList">
                    <a href="#" class="f16 ml5 mr5"><span class="ell">1.十月剧组即将举行大型话剧类节目</span></a>
                    </li>
                    </ul>
                </div>
            </div>
            <div class="column r">
            	<div class="mt15 ovh">
                	<ul class="dt f0">
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    </ul>
                    <ul class="dt f0 mt30">
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    <li class="columnList dib vt">
                    	<dl>
                        	<dt class="f30 tc">我是吃货</dt>
                            <dd class="Merchant">
                            	<div class="pt20 ml20 mr20 f16">
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                    <p class="mt10">法式优雅</p>
                                </div>
                            </dd>
                            <dd class="MerchantLogo tc"><img src="images/tu3.png" width="122"></dd>
                            <dd class="MerchantRaiders">
                            	<div class="pt20 ml20 mr20 f16">
                                <p class="mt10">那些年说要和我一起吃成包子的男...</p>
                                <p class="mt10">为什么人人都爱说自己是吃货？</p>
                                <p class="mt10">大家说说曼城什么地方最好吃</p>
                                </div>
                            </dd>
                        </dl>
                        <a href="#" class="f16 more abs">更多...</a>
                    </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="link rel pb30">
        	<h6 class="f28 wh pt30 pl30">友情链接：</h6>
            <div class="wh pct100 dt f0 pb30 pt30">
            	<div class="dib vm pct33 f26"><a href="#" class="dt pct100"><img src="images/Icon7.png" class="dib vm"><em class="dib vm ml15 f26 n wh">微信公共号</em></a></div>
                <div class="dib vm pct33 f26"><a href="#" class="dt pct100"><img src="images/Icon8.png" class="dib vm"><em class="dib vm ml15 f26 n wh">微信公共号</em></a></div>
                <div class="dib vm pct33 f26"><a href="#" class="dt pct100"><img src="images/Icon9.png" class="dib vm"><em class="dib vm ml15 f26 n wh">微信公共号</em></a></div>
            </div>
            <p class="linkBg"><img src="images/Icon10.png" class="pct100"></p>
        </div>
        <!--用户下拉信息-->
        <div class="UserLayer abs">
            <ul>
                <li><a href="#">我的空间</a></li>
                <li><a href="#">个人信息</a></li>
                <li><a href="#">推出</a></li>
            </ul>
        </div>
    </div>
</div>
<script src="js/base.js"></script>
</body>
</html>
